<style>
.game_ul  {
margin-left:-40px;
clear:both;
overflow:hidden;
padding-bottom:5px;
padding-top:8px;
width:100%;
}
ul {
list-style:none outside none;
}
.game_ul li {
float:left;
overflow:hidden;
padding-left:12px;
text-align:center;
width:125px;
}
.game_ul li a img {
border:1px solid #E3E3E3;
display:block;
height:70px;
padding:2px;
width:70px;
}

.game_ul li a {
display:block;
}
a {
color:#3366CC;
text-decoration:none;
font:12px Verdana,Arial,Tahoma;
}

</style>

<ul class="game_ul">
  <% for survey in @surveys[0,10] -%>
  <li>
    <span  height="70px"><a href="#" onclick="window.parent.window.location='http://iyaoi.com/survey.html?survey_id=<%=survey.id%>'">
      <%= image_tag("uploads/fullsize/#{survey.images[0].filename if survey.images.size > 0}",
                               :height => '70', :width => '70')%>
    </a></span>
    <span class="title"><a onclick="window.parent.window.location='http://iyaoi.com/survey.html?survey_id=<%=survey.id%>'" href='#'><%=survey.name%></a></span>
  </li>

  <% end -%>
</ul>
